$width:100%;


img {
    border: 0;
    outline: none;
    vertical-align: middle;
}

a {
    display: inline-block;
}






header {
    width:$width;
    background: #f4f3f3;
    height: 32px;
    border-top: 1px #d8d8d8 solid !important;
    border-bottom: 1px #d8d8d8 solid !important;
    
    #sj_fw {
        width: 49px !important;
        padding-right: 25px;
        white-space: nowrap;
    }

    #sj_ip {
        padding-left: 25px;
    }
    
    #sj_lr {
        width: 49px;
        padding-right: 25px;
        white-space: nowrap;
    }

    .sj_icon {
        position: relative;
        cursor: default;
        zoom: 1;
    }


    .nav {
        width: 1200px;
        height: 33px;
        margin: 0 auto;
        
        a {
            color: #333;
            font-family: arial;
        }
        a:hover {
            color:#e40077;
        }

        p {
            width: 550px;
            float: left;
            line-height: 32px;
            a{
                font-weight: 900;
            }
            a:hover {
                color:#e40077;
            }

            .user {
                color:#e40077;
            }

        }


        ul {
            width: 425px;
            float: right;

            li {
                float: left;
                line-height: 32px;

                .plr {
                    padding: 0 8px;
                }
            }


            .sja:hover .Code2 {
                display: block;
            }
            .sja:hover .plr {
                background: #fff;
            }

            // .sja:hover a {
            //     color:#e40077;
            // }

            .sja {
                width: 87px;
                position: relative;

                .Code2 {
                    position: absolute;
                    top: 32px;
                    left: 0px;
                    width: 85px;
                    background: #fff;
                    border: 1px #d5d5d5 solid;
                    border-top: 0;
                    z-index: 10001;
                    display: none;

                    img {
                        width: 62px;
                        height: 62px;
                        margin: 4px 11px;
                    }
                    .txt {
                        width: 62px;
                        margin: 0 auto;
                        color: #545454;
                        text-align: center;
                        line-height: 16px;
                        padding-bottom: 5px;

                        a {
                            color: #333;
                        }
                        
                        a:hover {
                            color:#e40077;
                        }
                    }
                }
            }


            .listHover:hover .Code1 {
                display: block;
            }

            .listHover:hover  .plr{
                background: #fff;
            }


            .listHover {
                width: 90px;
                position: relative;
                z-index: 999;

                .Code1 {
                    position: absolute;
                    top: 32px;
                    width: 80px !important;
                    left: 0px;
                    z-index: 10001;
                    background: #fff;
                    border: 1px #d5d5d5 solid;
                    border-top: 0;
                    padding-bottom: 10px;
                    display: none;

                    ul {
                        width: 80px !important;
                    }

                    ul li {
                        text-align: center;
                        line-height: 20px;
                        width: 80px;
                        a {
                            color: #333;
                        }
                        a:hover {
                            color:#e40077;
                        }
                    }
                }
            }
            .line {
                width: 1px;
                height: 12px;
                margin-top: 10px;
                padding: 0;
                background: #d0d0d0;
                overflow: hidden;
            }

            .sj_r {
                top: 15px;
                right: 9px;
                height: 7px;
                overflow: hidden;
                font: 400 15px/15px consolas;
                color: #6A6A6A;
                display: block;
                position: absolute;

                s {
                    position: relative;
                    top: -7px;
                    text-decoration: none;
                }
            }

            .sj_l {
                top: 8px;
                left: 9px;
                width: 9px;
                height: 15px;
                background: url(/imgs/icon.png) 0 0 no-repeat;
                display: block;
                position: absolute;
                overflow: hidden;
            }


        }

    }
    
}